import React, { PureComponent, Suspense } from 'react';
import { Layout } from 'antd';
import BaseMenu from './BaseMenu';
import PageLoading from '../PageLoading';

// const BaseMenu = React.lazy(() => import('./BaseMenu'))

const { Sider } = Layout;

// export default class SiderMenu extends PureComponent {
// 	render() {
// 		return (
// 			<Sider>
// 				<Suspense fallback={<PageLoading />}>
// 					<BaseMenu {...this.props}></BaseMenu>
// 				</Suspense>
// 			</Sider>
// 		)
// 	}
// }

export default class SiderMenu extends PureComponent {
  render() {
    return (
      <Sider>
        <BaseMenu {...this.props}></BaseMenu>
      </Sider>
    );
  }
}
